<template>
    <div class="lianxi">
        <header>
        	<ul>
        		<li><img :src="heImage" width="20" height="40"></li>
        		<li><img :src="heImageTwo" width="85" height="49"></li>
        	</ul>
        </header>
        <section>
        	<div class="section-text">
        		<div class="section-text-title">{{seText}}</div>
        		<div class="section-text-content">
        			<ul>
        				<li><img :src="seImg" width="39" height="39"><span>{{seTextTwo}}</span></li>
        				<li><img :src="seImgTwo" width="24" height="20"><span>{{seTextThree}}</span></li>
        			</ul>
        		</div>
        		<div class="section-text-Article">
        			<p>{{seTextFour}}</p>
        		</div>
        	</div>
        	<div class="section-stick">
        		<ul>
        			<li><img :src="stImg" width="12" height="34">{{stText}}</li>
        			<li>{{stTextTwo}}</li>
        			<li><img :src="stImgTwo"></li>
        		</ul>        		
        	</div>
        	<div class="section-stick-two">
        		<div class="section-stick-two-top">
					<ul>
						<li>
							<dl>
								<dt><img :src="topImg" width="150" height="151"></dt>
								<dd>
									<p>{{topText}}</p>
									<p>{{topTextTwo}}</p>
								</dd>
								
							</dl>
						</li>
						<li><img :src="topImgTwo" width="18" height="31"></li>
					</ul>
        		</div>
        		<div class="section-stick-two-bottom">
					<ul>
						<li><img :src="botImg" width="34" height="30">{{botText}}</li>
						<li><img :src="botImgTwo" width="3" height="21"></li>
						<li><img :src="botImgThree" width="34" height="30">{{botTextThree}}</li>
					</ul>
        		</div>
        	</div>

        	<div class="section-stick">
        		<ul>
        			<li><img :src="stImg" width="12" height="34">{{stText}}</li>
        			<li>{{stTextTwo}}</li>
        			<li><img :src="stImgTwo" width="630" height="645"></li>
        		</ul>        		
        	</div>
        	<div class="section-stick-two">
        		<div class="section-stick-two-top">
					<ul>
						<li>
							<dl>
								<dt><img :src="topImg" width="150" height="151"></dt>
								<dd>
									<p>{{topText}}</p>
									<p>{{topTextTwo}}</p>
								</dd>
								
							</dl>
						</li>
						<li><img :src="topImgTwo" width="18" height="31"></li>
					</ul>
        		</div>
        		<div class="section-stick-two-bottom">
					<ul>
						<li><img :src="botImg" width="34" height="30">{{botText}}</li>
						<li><img :src="botImgTwo" width="3" height="21"></li>
						<li><img :src="botImgThree" width="34" height="30">{{botTextThree}}</li>
					</ul>
        		</div>
        	</div>


        	<div class="section-stick">
        		<ul>
        			<li><img :src="stImg" width="12" height="34">{{stText}}</li>
        			<li>{{stTextTwo}}</li>
        			<li><img :src="stImgTwo" width="630" height="645"></li>
        		</ul>        		
        	</div>
        	<div class="section-stick-two">
        		<div class="section-stick-two-top">
					<ul>
						<li>
							<dl>
								<dt><img :src="topImg" width="150" height="151"></dt>
								<dd>
									<p>{{topText}}</p>
									<p>{{topTextTwo}}</p>
								</dd>
								
							</dl>
						</li>
						<li><img :src="topImgTwo" width="18" height="31"></li>
					</ul>
        		</div>
        		<div class="section-stick-two-bottom">
					<ul>
						<li><img :src="botImg" width="34" height="30">{{botText}}</li>
						<li><img :src="botImgTwo" width="3" height="21"></li>
						<li><img :src="botImgThree" width="34" height="30">{{botTextThree}}</li>
					</ul>
        		</div>
        	</div>


        	<div class="section-stick">
        		<ul>
        			<li><img :src="stImg" width="12" height="34">{{stText}}</li>
        			<li>{{stTextTwo}}</li>
        			<li><img :src="stImgTwo" width="630" height="645"></li>
        		</ul>        		
        	</div>
        	<div class="section-stick-two">
        		<div class="section-stick-two-top">
					<ul>
						<li>
							<dl>
								<dt><img :src="topImg" width="150" height="151"></dt>
								<dd>
									<p>{{topText}}</p>
									<p>{{topTextTwo}}</p>
								</dd>
								
							</dl>
						</li>
						<li><img :src="topImgTwo" width="18" height="31"></li>
					</ul>
        		</div>
        		<div class="section-stick-two-bottom">
					<ul>
						<li><img :src="botImg" width="34" height="30">{{botText}}</li>
						<li><img :src="botImgTwo" width="3" height="21"></li>
						<li><img :src="botImgThree" width="34" height="30">{{botTextThree}}</li>
					</ul>
        		</div>
        	</div>
        </section>
        <footer>
        	<div class="footer-left">
        		<img :src="fooHeadImg" width="35" height="35">
        	</div>
        	<div class="footer-content">
        		<input type="text" placeholder="我来说两句...">
        	</div>
        	<div class="footer-right">
        		<ul>
        			<li><img :src="StarsImg" width="38" height="35"><p>{{StarsText}}</p></li>
        			<li><img :src="shareImg" width="38" height="35"><p>{{shareText}}</p></li>
        		</ul>
        	</div>
        </footer>
    </div>
</template>

<script>
export default {
  name: 'lianxi',
  data () {
    return {
    	heImage:'../../static/imgs/fanhiu.png',
    	heImageTwo:'../../static/imgs/by-header.png',
    	seText:'你毕业旅途上的男朋友',
    	seImg:'../../static/imgs/touxiang.png',
    	seTextTwo:'小糖君',
    	seImgTwo:'../../static/imgs/touxiangtwo.png',
    	seTextThree:'3841',
		seTextFour:'转眼就到了毕业季，不知道你准备好了的毕业旅行了吗？我们女生的所有旅行都少不了拍好多好美丽的照片，更何况有那么重要意义的毕业之旅。不知道你的男票会不会和你一起去，万一没有男票也不用担心啦！有了这些小东西自己也可以拍出大片既视感。还有男生呦，这也是一篇你们送女生礼物的攻略哦。',
		stImg:'../../static/imgs/yellow.png',
		stText:'手机自拍杆三脚架',
		stTextTwo:'从相机三脚架那里借鉴来的手机三脚架。超级适合送给女朋友然他自己拍全身照。角度呀高度呀随便调，反正就是怎么卖美怎么来。不过想成为一个合格的男朋友还是自己学习点摄像技术哄女朋友开心比较好。',
		stImgTwo:'../../static/imgs/gan.png',
		topImg:'../../static/imgs/gantwo.png',
		topText:'手机自拍杆三脚架',
		topTextTwo:'￥172.5',
		topImgTwo:'../../static/imgs/fanhuiright.png',
		botImg:'../../static/imgs/xin.png',
		botText:'37',
		botImgTwo:'../../static/imgs/hui.png',
		botImgThree:'../../static/imgs/gouwuche.png',
		botTextThree:'购买',
		fooHeadImg:'../../static/imgs/footer_wode.png',
		StarsImg:'../../static/imgs/xingxing.png',
		StarsText:'收藏',
		shareImg:'../../static/imgs/fenxiang.png',
		shareText:'分享',
    }
  }
}
</script>


<style scoped lang="less">
 @import url(../assets/less/biye.less);
</style>
